<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    body{
        background-color: rgba(150, 200, 255, 0.4);
    }
   a{
        text-decoration: none;/*a标签去除下划线*/
        display:block;
        width:120px;
        height:60px;
        color:#fff;
        line-height:60px;
        background-image:linear-gradient(to right,blue,blue);
        text-align:center;
        border-radius:12px;
        box-shadow:0 12px 4px rgb(0,0,0,.7);
        user-select:none;
        cursor:pointer;
        transition:.3s;
    }
   a:active{
        box-shadow:0 8px 0px rgb(0,0,0,.7);
        transform:translateY(5px)
   }
   .list{
        padding:20px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
   }
   </style>
</head>
<!--专辑管理的绑定场景-->
<body>
    <a class="add" href="/studio/album/add.html">添加音频</a>
    <div class="list">
        <h1 class="title"></h1>
        <div class="trackList"></div><!--已绑定的音频列表放在此处-->
    </div>
    <script src="./js/bind.js"></script>
</body>
</html>